<%@page contentType="text/html" pageEncoding="UTF-8" import="consultas.funciones"%>
<jsp:useBean id="reg" class="consultas.funciones" scope="session" />



 
    
    
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     
    </head>
    <body>
        <br><br>
        <p><a href='control.jsp?action=volver'><button> Volver </button></a></p><br>
        <p>Ha seleccionado la siguiente rifa:</p>
       
        <div id="comprarindividual">
           
            <% reg.posicionArrayComprando = Integer.parseInt(request.getParameter("comprar"));%>
            
            
            
            <h1><%=reg.listaProductos.get(reg.posicionArrayComprando).getNombre_producto()%> </h1> <br>
            
            <img src="img/<%=reg.listaProductos.get(reg.posicionArrayComprando).getImg_producto()%>" alt="Imagen del producto"  class="img_individual_comprar"/>
            <%=reg.listaProductos.get(reg.posicionArrayComprando).getCategoría()%> <br>
            
       
            <%=reg.LeerArchivo(reg.listaProductos.get(reg.posicionArrayComprando).getId_producto()) %> <br>
            Precio producto = <%=reg.QuitarDecimalCero(reg.listaProductos.get(reg.posicionArrayComprando).getPrecio()) %> € <br>
            Fecha de sorteo =   <%=reg.listaProductos.get(reg.posicionArrayComprando).getFecha() %>  <br><br><br>
            
            <h1>FALTAN <%=reg.listaProductos.get(reg.posicionArrayComprando).getDias() %> DIAS </h1>
            
            <h1>Precio boleto =  <%=reg.QuitarDecimalCero(reg.listaProductos.get(reg.posicionArrayComprando).getPrecio_boleto())%> €   </h1> <br>
            
               </div> 
            
            
            
            <div id="compra">
                
                <form action="control.jsp" >
                    
                    
                <h1> Zona Compra </h1> <h5><%=reg.getUsuario()%></h5> <br><br><br>
                
                
                <table id="saldo" width="100%" ><tr>
                        <td>Su saldo actual es de: <br><br> </td> 
                    <td> <%=reg.QuitarDecimalCero(reg.ConsultarSaldo(reg.getUsuario())) %> €  <br><br> </td>
            </tr> 
                <tr>
                    <td> Cantidad de boletos para comprar :<br><br></td>
                    <td>  <input type="number" value="1" id="cantidad_boletos" name="cantidad_boletos" min="1" max="<%=reg.listaProductos.get(reg.posicionArrayComprando).getBoletos_rest()%>"  onchange="totalapagar()" /> <br><br></td>
                </tr>
             
                <tr>
                    <td>Saldo después de pagar: <br><br><br><br> <hr><br></td>
                    <td><span id="saldotraspagar" name="saldotraspagar"> <%=reg.QuitarDecimalCero(reg.ConsultarSaldo(reg.getUsuario())) %> €</span><br><br><br><br> <hr><br></td>
                </tr>
               
               
                
               
                <script type="text/javascript">
                     
                    function totalapagar(){
                          totali = document.getElementById("cantidad_boletos").value*<%=reg.QuitarDecimalCero(reg.listaProductos.get(reg.posicionArrayComprando).getPrecio_boleto())%>;
                          document.getElementById("total").innerHTML=totali + " €" ;
                          
                          sal = <%=reg.QuitarDecimalCero(reg.ConsultarSaldo(reg.getUsuario())) %> - totali;
                          
                          document.getElementById("saldotraspagar").innerHTML=sal + " €";
                          document.getElementById("saldo_final").value=sal;
                          
                         
                          if(sal<0){
                              alert("No dispone de tanto saldo");
                              document.getElementById("cantidad_boletos").value=Math.floor(<%=reg.QuitarDecimalCero(reg.ConsultarSaldo(reg.getUsuario())) %>/<%=reg.QuitarDecimalCero(reg.listaProductos.get(reg.posicionArrayComprando).getPrecio_boleto())%>);
                              totalapagar();
                              
                          }
                          
                           i=parseInt(document.getElementById("cantidad_boletos").value);
                           j=<%=reg.listaProductos.get(reg.posicionArrayComprando).getBoletos_rest()%>;
                          
                         
                          if(i>=j){
                              alert("ÚLTIMOS BOLETOS");
                              
                          }
                      }
                      
                 
                  
                      
                
                 </script>
                 
                
              
                
                
                 <tr> 
                     
                     <td>Total a pagar:  </td>
                     <td><span id="total">   <%=reg.QuitarDecimalCero(reg.listaProductos.get(reg.posicionArrayComprando).getPrecio_boleto())%> €</span> </td>
                </tr>
                </table>
                
                <input type="hidden" name="saldo_final" id="saldo_final" value=""/>
                
                <input type="submit"  name="comprar_boleto" id="boton_continuar" value="Continuar"/>
                
               
                
                </form>
            </div>
                
             
        
            <div id="limpiarFloat" class="limpiador">   <br><br><br><br><br><br><br><br></div>
            
     
           
        
          
    </body>
</html>
